Ext.define('Html5App.view.customer.CustomerSelectAddress', {
	alternateClassName : 'customerSelectAddress',
	extend : 'Ext.Container',
	xtype : 'customerSelectAddress',
	id : 'customerSelectAddress',
	requires : ['Html5App.view.customer.CustomerNewOrder'],
	config : {
		height : '100%',
		items : [{
			xtype : 'container',
			cls : 'customer-select-address-label',
			layout : {
				type : 'hbox'
			},
			items : [{
				flex : 5,
				cls : 'customer-select-address-padding customer-select-address-name',
				id : 'customer-select-address-customer-name',
				html : ''
			},{
				flex : 1,
				xtype : 'panel',
				cls : 'customer-select-address-padding',
				html : '新訂單'
			}]
		},{
			xtype : 'container',
			html : '<table width="100%" border="0" cellpadding="0" cellspacing="0" style="background-color:#FFFFFF;border-bottom:1px solid #CFCFCF;font-size:0.7rem;color:#4C4C4C;">'+
					  '<tr style="height:2rem;">'+
					    '<td style="border-bottom:1px solid #CFCFCF;border-right:1px solid #CFCFCF;width:100%;padding-left:0.5rem;">送貨地址</td>'+
					  '</tr>'+
					'</table>'
		},{
			xtype : 'container',
			cls : 'customer-select-address-container',
			scrollable : 'vertical',
			height : '100%',
			items : [{
				xtype : 'container',
				id : 'address-list-data'
			},{
				xtype : 'container',
				docked : 'bottom',
				cls : 'customer-select-address-item customer-select-address-item-docked',
				items : [{
					xtype : 'container',
					layout : {
						type : 'hbox'
					},
					items : [{
						flex : 1,
						cls : 'customer-select-address-left',
						html : '客戶：'
					},{
						flex : 3,
						id : 'customer-select-address-customer-name-item',
						html : ''
					}]
				},{
					xtype : 'container',
					layout : {
						type : 'hbox'
					},
					items : [{
						flex : 1,
						cls : 'customer-select-address-left',
						html : '區域：'
					},{
						flex : 3,
						id : 'customer-select-address-customer-area-item',
						html : ''
					}]
				},{
					xtype : 'container',
					layout : {
						type : 'hbox'
					},
					style : 'height: 4rem;',
					items : [{
						flex : 1,
						cls : 'customer-select-address-left',
						html : '送貨地址：'
					},{
						flex : 3,
						id : 'customer-select-address-customer-address-item',
						style : 'overflow: hidden;',
						html : ''
					}]
				},{
					xtype : 'container',
					layout : {
						type : 'hbox'
					},
					items : [{
						flex : 1,
						cls : 'customer-select-address-left',
						html : '付款方式：'
					},{
						flex : 3,
						xtype : 'container',
						cls : 'customer-select-address-payment-mode-container',
						layout : {
							type : 'hbox'
						},
						items : [{
							cls : 'customer-select-address-payment-mode-radio',
							xtype : 'image',
							id : 'PaymentMode1',
							src : './resources/images/radio_checked.png',
							html : '月結',
							listeners : {
								tap : function(button, e, eOpts) {
									Ext.getCmp('PaymentMode1').setSrc('./resources/images/radio_default.png');
									Ext.getCmp('PaymentMode2').setSrc('./resources/images/radio_default.png');
									Ext.getCmp('PaymentMode3').setSrc('./resources/images/radio_default.png');
									button.setSrc('./resources/images/radio_checked.png');
								}
							}
						},{
							cls : 'customer-select-address-payment-mode-radio',
							xtype : 'image',
							id : 'PaymentMode2',
							src : './resources/images/radio_default.png',
							html : '現款',
							listeners : {
								tap : function(button, e, eOpts) {
									Ext.getCmp('PaymentMode1').setSrc('./resources/images/radio_default.png');
									Ext.getCmp('PaymentMode2').setSrc('./resources/images/radio_default.png');
									Ext.getCmp('PaymentMode3').setSrc('./resources/images/radio_default.png');
									button.setSrc('./resources/images/radio_checked.png');
								}
							}
						},{
							cls : 'customer-select-address-payment-mode-radio',
							xtype : 'image',
							id : 'PaymentMode3',
							src : './resources/images/radio_default.png',
							html : '其他',
							listeners : {
								tap : function(button, e, eOpts) {
									Ext.getCmp('PaymentMode1').setSrc('./resources/images/radio_default.png');
									Ext.getCmp('PaymentMode2').setSrc('./resources/images/radio_default.png');
									Ext.getCmp('PaymentMode3').setSrc('./resources/images/radio_default.png');
									button.setSrc('./resources/images/radio_checked.png');
								}
							}
						}]
					}]
				},{
					xtype : 'container',
					layout : {
						type : 'hbox'
					},
					items : [{
						flex : 3,
						xtype : 'container',
						items : [{
							xtype : 'container',
							layout : {
								type : 'hbox'
							},
							items : [{
								flex : 1,
								cls : 'customer-select-address-left',
								html : '訂單日期：'
							},{
								flex : 1.5,
								xtype: 'custom_date_field',
								id: 'orderDate',
								value: '',
								data: ''
							},{
								flex : 0.5
							}]
						},{
							xtype : 'container',
							layout : {
								type : 'hbox'
							},
							items : [{
								flex : 1,
								cls : 'customer-select-address-left',
								html : '送貨日期：'
							},{
								flex : 1.5,
								xtype: 'custom_date_field',
								id: 'deliveryDate',
								value: '',
								data: ''
							},{
								flex : 0.5
							}]
						}]
					},{
						flex : 1,
						xtype : 'container',
						items : [{
							xtype : 'button',
							cls : 'customer-select-address-buy-button',
							action : 'confirmBuy',
							html : '購買'
						}]
					}]
				}]
			}]
		}]
	}
});